<template>
  <div class="box">
    <div class="ganyu" v-hideDom="hideDom">甘雨</div>
    <div class="anbo">安柏</div>
  </div>
</template>

<script lang="ts" setup>
import {} from 'vue'

const arr = [1, 2, 3, 44, 5, 5, 6]
for (const key in arr) {
  console.log('是index吗', key)
}

const hideDom = () => {
  console.log('调用我')
}
</script>
<style lang="less" scoped>
.box-height {
  width: 40%;
  height: 100%;
}
.box {
  width: 80vw;
  height: 60vh;
  display: flex;
  .ganyu {
    background-color: aquamarine;
    .box-height();
  }
  .anbo {
    background-color: rgb(139, 211, 239);
    .box-height();
  }
}
</style>
